<template>  
  <div ref="chart" style="width: 100%;height:300px; "></div>  
</template>  
  
<script>  
// 引入ECharts主模块  
import * as echarts from 'echarts';  
  
export default {  
  name: 'DoubleLineChart',  
  mounted() {  
    // 基于准备好的dom，初始化echarts实例  
    var myChart = echarts.init(this.$refs.chart);  
  
    // 指定图表的配置项和数据  
    var option = {  
       textStyle: {
    fontSize: 16, // 文字大小
    fontWeight: '1000', // 文字粗细
     color: 'white' // 文字颜色
  },
      title: {  
        text: ''  
      },  
      tooltip: {  
        trigger: 'axis'  
      },  
      legend: {  
        data: ['终端', 'APK'],
        textStyle:{
          color: 'white'
        }  

      },  
      grid: {  
        left: '3%',  
        right: '4%',  
        bottom: '3%',  
        containLabel: true  
      },  
      xAxis: {  
        type: 'category',  
        boundaryGap: false,  
        data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日']  
      },  
      yAxis: {  
        type: 'value'  
      },  
      series: [  
        
        {  
          name: '终端',  
          type: 'line',  
          stack: '总量',  
          // areaStyle: {},  
          data: [120, 132, 280, 134, 90, 230, 210]  
        },  
        {  
          name: 'APK',  
          type: 'line',  
          stack: '总量',  
          // areaStyle: {},  
          data: [220, 182, 191, 234, 290, 160, 153]  
        }  
      ]  
    };  
  
    // 使用刚指定的配置项和数据显示图表。  
    myChart.setOption(option);  
  }  
};  
</script>  
  
<style scoped>  
/* 你可以在这里添加一些CSS样式 */  
</style>